<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部部分 -->
    <div class="banner">
        <img src="./image/banner.jpg">
        <div class="banner_txt">
            <div class="txt_title">
                <img class="t1" style="width:249px; height:58px;" src="./image/title.png">
                <img class="t2" style="width:158px; height:18px;" src="./image/title2.png">
            </div>
            <div class="txt_word">
                <p>原1号店于2020年7月22日正式升级为1号会员店，通过全场自营、精选商品模式，</p>
                <p>致力于为用户提供品质升级、超值天天低价、便捷省心的会员制购物体验。</p>
            </div>
            <div class="download">
                <div class="dl_word">
                    <div class="dl_con">
                        <img class="phone" style="width:11px; height:16px;" src="./image/phone.png">
                        下载App
                    </div>
                </div>
            </div>
        </div>
        <!-- 通知部分 -->
        <div class="potice">
            <div class="pt_txt">
                <img src="./image/potice.png">
                <div>1号店PC及H5调整公告</div>
                <img style="width: 5px; height: 5px; margin-left:10px;" src="./image/you.png">
            </div>
        </div>
        <!-- 精选品质 -->
        <div>
            <div class="quality">
                <img style="width:475px;" src="./image/quality.png">
                <div class="produce">自营全站商品 以严格选品标准 精挑细选3000+最优好货</div>
                <!-- 6个商品部分 -->
                <div id="six" style="display: flex; margin-top:44px;">
                    <div class="shop_list">
                        <div class="kong">
                            <img class="ll" style="width:70px;" src="./image/list1.png">
                            <p class="food">肉蛋果蔬</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/liat1-1.png">
                    </div>
                    <div class="shop_list">
                        <div class="kong yingchang">
                            <img style="width:70px;" src="./image/list2.png">
                            <p class="food">食品饮料</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/list2-2.png">

                    </div>
                    <div class="shop_list">
                        <div class="kong">
                            <img style="width:70px;" src="./image/list3.png">
                            <p class="food">服饰鞋包</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/list3-3.png">
                    </div>
                    <div class="shop_list">
                        <div class="kong">
                            <img style="width:70px;" src="./image/list4.png">
                            <p class="food">餐厨日用</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/list4-4.png">
                    </div>
                    <div class="shop_list">
                        <div class="kong">
                            <img style="width:70px;" src="./image/list5.png">
                            <p class="food">粮油速食</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/liat5-5.png">
                    </div>
                    <div class="shop_list">
                        <div class="kong">
                            <img style="width:70px;" src="./image/list6.png">
                            <p class="food">精致小店</p>
                        </div>
                        <img class="jxpanimation" style="display: none;" src="./image/list6-6.png">
                    </div>
                </div>
                <!-- 侧边广告部分 -->
                <div class="ad">
                    <div class="ad_top">
                        <img src="./image/kefu.png" style="width:0.9vw; margin-right:0.4vw;">
                        联系客服
                    </div>
                    <div class="pang" style="display: none;">
                        <img src="./image/add.png" style="width:16.5vw;">
                        <p style="position: absolute; top: 37px; left: 51px; font-size: 18px;">客服联系电话</p>
                        <p style="position: absolute; top: 72px; left: 37px; font-size: 22px;color: red;">400-185-6618
                        </p>
                        <!-- <p >400-185-6618</p> -->
                    </div>
                    <div class="ad_er">下载APP</div>
                    <div style="z-index:1;">
                        <img src="./image/mm.png" style="width: 4.7vw;">
                    </div>
                    <div class="panger" style="display: none;">
                        <img src="./image/add2.png" style="width:16.9vw ;">
                        <div style="position:absolute; top:35px;left: 51px; font-size:18px">
                            <p>扫码下载APP</p>
                            <p>开启品质生活</p>
                        </div>
                        <img src="./image/mm.png" style="width: 8.1vw;position:absolute; left: 51px; top:92px;">
                        <p style="width: 9vw;position:absolute; left: 51px; top:202px; font-size: 12px;">
                            一期仅开放部分城市，敬请期待。</p>
                    </div>
                    <img src="./image/zi.png" style="width:4.4vw; margin:4px 11px 1vw;">
                    <div class="htop">Top
                        <a href="#top"><img src="./image/ss.png" style="width:0.6vw; margin-left:0.3vw;"></a>
                    </div>

                </div>

            </div>
            <!-- 小动画部分 -->
            <div class="dong">
                <div class="left_btn">
                    <img class="hui" src="./image/left.png">
                    <img class="hong" src="./image/hong.png" style="display:none;">
                </div>
                <img class="btn" src="./image/b1.png">
                <div class="topdo">
                    <img class="sy_do " src="./image/s1.png">
                </div>
                <div class="right_btn">
                    <img class="hui" src="./image/right.png">
                    <img class="hong" src="./image/hongr.png" style="display:none;">
                </div>
            </div>
        </div>
        <!-- 物超所值 -->
        <div class="prval">
            <img src="./image/proval.png" style="width:443px;">
            <div class="tejia">入会专享超值特权，天天低价</div>
            <div style="display: flex; margin: top 21px;">
                <div class="price">
                    <img class="beijing" src="./image/p.png">
                    <div style="width:158px; height: 158px;">
                        <img src="./image/lihe.png" alt="">
                    </div>
                    <div style="margin-top: 9px;">
                        <img src="./image/bu.png" style="height:40px;">
                    </div>
                    <div class="price_word">
                        <p>超值低价</p>
                        <p>入会即享</p>
                    </div>
                </div>
                <div class="price">
                    <img class="beijing" src="./image/p.png">
                    <div style="width:158px; height: 158px;">
                        <img src="./image/qian.png" alt="">
                    </div>
                    <div style="margin-top: 9px;">
                        <img src="./image/tian.png" style="height:40px;">
                    </div>
                    <div class="price_word">
                        <p>比价京东自营</p>
                        <p>全场会员价</p>
                    </div>
                </div>
                <div class="price">
                    <img class="beijing" src="./image/p.png">
                    <div style="width:158px; height: 158px;">
                        <img src="./image/bao.png" alt="">
                    </div>
                    <div style="margin-top: 9px;">
                        <img src="./image/zzz.png" style="height:40px;">
                    </div>
                    <div class="price_word">
                        <p>到期没省出会费</p>
                        <p>全额赔付</p>
                    </div>
                </div>

            </div>

        </div>
        <!-- 放心体验 -->
        <div class="relax">
            <img src="./image/relax.png" style="width: 612px;">
            <div class="tejia">售后无忧 客服物流时刻保障</div>
            <div style="margin:44px 0 0;">
                <img src="./image/service.png" style="width:1041px;">
            </div>
            <!-- 扫码下载app -->
            <div class="xiazai">
                <div>
                    <div class="left_xia">
                        <p>扫码下载APP</p>
                        <p>开启品质生活</p>
                    </div>
                    <div class="left_city">
                        一期仅开放部分城市，敬请期待。
                    </div>
                </div>
                <div>
                    <img style="width:10.4vw; margin:1vw 1vw 1vw 0px;" src="./image/mm.png">
                </div>
            </div>
        </div>
    </div>
    <!-- footer部分 -->
    <div class="foot">
        <!-- 合作 -->
        <div class="hezuo">
            <div class="same">
                <div class="same_img">
                    <img src="./image/f1.png">
                </div>
                <div class="same_word">精选好货</div>
            </div>
            <div class="same">
                <div class="same_img">
                    <img src="./image/f2.png">
                </div>
                <div class="same_word">天天低价</div>
            </div>
            <div class="same">
                <div class="same_img">
                    <img src="./image/f3.png">
                </div>
                <div class="same_word">全场自营</div>
            </div>
            <div class="same">
                <div class="same_img">
                    <img src="./image/f4.png">
                </div>
                <div class="same_word">京东物流</div>
            </div>
        </div>
        <!-- 备案 -->
        <div class="copy">
            <p>
                <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">沪ICP备16050468号-2 </a>|
                <a href="https://channel.m.yhd.com/cms/view.do?topicId=190" target="_blank">经营证照 </a>|
                <a href="https://img10.360buyimg.com/imagetools/jfs/t1/149688/34/18315/139665/5fd754dbEe7770ef9/2c12e3863850e6a8.jpg"
                    target="_blank">互联网药品信息服务资格证(沪)-经营性-2017-0006 </a>
                | 违法和不良信息举报电话：4006063968 |
                <a href="https://img11.360buyimg.com/imagetools/jfs/t1/154336/1/9892/481325/5fd754caEbf93f1ae/b5827ba13b80455d.jpg"
                    target="_blank">沪B2-20170039 </a>|
                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011302006998"
                    target="_blank">沪公网安备
                    31011302006998号 </a>|
                <a href="https://cms.yhd.com/cms/view.do?topicId=343" target="_blank">增值电信业务经营许可证 </a>
            </p>
            <p>Copyright© 1号会员店 2007-2021， All Rights Reserved</p>
        </div>
        <!-- 其他 -->
        <div class="footer">
            <a href="#" target="_blank"><img src="./image/ff1.png"></a>
            <a href="#" target="_blank"><img src="./image/ff2.png"></a>
            <a href="#" target="_blank"><img src="./image/ff3.png"></a>
            <img src="./image/ff4.png" style="height: 27px; margin-right: 18px;">
            <a href="#" target="_blank"><img src="./image/ff5.png"></a>
            <a href="#" target="_blank"><img src="./image/ff6.png"></a>
            <a href="#" target="_blank"><img src="./image/ff7.jpg"></a>

        </div>
    </div>
</body>

</html>